<template name="header_search">
  <form class="form-inline position-relative mr-auto hide-md">
    <div class="input-group input-group-custom" id="header-search-box">
      <input type="search" class="form-control" id="header-search-input" placeholder="搜索Class">
      <div class="input-group-append">
        <button class="btn" type="button" id="header-search-button">
          <i class="material-icons">search</i>
        </button>
      </div>
    </div>
    <div class="dropdown dropdown-search-input">
      <button class="dropdown-toggle d-none" type="button" data-toggle="dropdown" id="header-search-dropdown"></button>
      <div class="dropdown-menu">
        <a class="dropdown-item text-truncate" href="#" id="header-search-user-item"></a>
      </div>
    </div>
  </form>
</template>